import {useLocation,useSearchParams,useNavigate} from 'react-router-dom'
// ？查询方式修改地址，不会影响路由配置
function UserView() {
  const location = useLocation();
  const navigate = useNavigate();
  const [searchParams] = useSearchParams();
  // 获取具体某个查询参数
  const from = searchParams.get("from") ;
  console.log(location)
  return ( <div>用户中心页面
    <p>from:{JSON.stringify(location)}</p>
    <p> 从：{from}</p>
    <button onClick={()=>navigate("/")}>跳转首页</button>
    <button onClick={()=>navigate(-1)}>返回</button>
  </div> );
}

export default UserView;

// 自己写个方法 传入 “?from=zql&age=mumu” 返回 {from:"zql",age:"mumu"}